<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			{
				margin:0;
				padding:0;
			}/*格式化*.图片整体缩小*/
			body{
				background-color:#e1e1e1;/*图片在边框里的颜色*/
			}
			.dhz{
				width:600px;
				height:700px;
				/*border:1px solid red;*/
				text-align:center;
				background-color:#fff;
				margin:50px auto;/*图片整体居中  图片从左到右  水平居中*/
				
			}
			.xm{
				width:600px;
				height: 600px;
				margin-top:1000px;
				
			}
			h4{
				margin:10px;
			}
			p{
				margin-bottom:10px;
			}
			span{
				color:orange;
				font-weight:1000;/*加粗*/
			}
			
		</style>
	</head>
	<body>
		<div class="dhz">
			<img src="img/xm.jpg" />
			<h4>xiaomi 天蓝色手机</h4>
			<p>性能旋风 席卷而来</p>
			<div>
				<span>2000</span>
				<del>3000</del>
			</div>
			
		</div>
		
	</body>
</html>
